<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="box1"></div>
	</body>
</html>
<style type="text/css">
	.box1{
		width: 200px;
		height: 260px;
		margin: 0 auto;
		background-image: url(img/spirit.jpg);
		animation: run 0.2s steps(3) infinite;
	}
	/* 创建关键帧 */
	@keyframes run{
		from{
			background-position: 0 0;
		}
		to{
			background-position:-600px 0 ;
		}
	}
</style>
